<template>
	<view class="service-container">
		<Nav :bgColor="bgColor" title="问题反馈" @back="back"></Nav>
		<view class="content">
			<view class="title">
				请添加福袋星球APP公众号，反馈您的建议或遇到的问题
			</view>
			<image class="img" src="../../static/image/service-img.jpg" mode=""></image>
			<view class="desc">
				复制公众号ID：LuckyBuyPlanet在微信中搜索并关注公众号
			</view>
			<button type="default" @click="copy" class="copy-btn">复制公众号ID</button>
		</view>

	</view>
</template>

<script>
	import uniCopy from '@/js_sdk/xb-copy/uni-copy.js'
	import Nav from "@/components/magic-box/magic-nav/index.vue"
	import navMixin from "@/common/js/nav.js"
	export default {
		mixins: [navMixin],
		components: {
			Nav
		},
		data() {
			return {

			};
		},
		methods: {
			copy() {
				uniCopy({
					content: 'LuckyBuyPlanet',
					success: (res) => {
						uni.showToast({
							title: res,
							icon: 'success'
						})
					},
					error: (e) => {
						uni.showToast({
							title: e,
							icon: "none",
							duration: 3000,
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		height: 100%;
		background-color: #E9EBF9;
	}

	.service-container {
		height: 100%;
		background: linear-gradient(90deg, #D7D9FF, #D3E8FF);

		.content {
			padding: 120rpx 25rpx 0;
		}

		.title {
			margin: 0 auto;
			width: 640rpx;
			font-size: 42rpx;
			line-height: 58rpx;
			text-align: center;
			color: #5F68A5;
			font-weight: bold;
		}

		.img {
			margin: 92rpx auto;
			display: block;
			width: 347rpx;
			height: 347rpx;
		}

		.desc {
			margin: 79rpx auto 0;
			width: 500rpx;
			font-size: 32rpx;
			line-height: 56rpx;
			text-align: center;
			color: #5F68A5;
			font-weight: bold;
		}

		.copy-btn {
			margin: 70rpx auto 0;
			display: block;
			width: 701rpx;
			height: 95rpx;
			background: linear-gradient(90deg, #6185FF, #8B60FF);
			box-shadow: 0px 5rpx 14rpx 1rpx rgba(94, 109, 252, 0.3);
			border-radius: 47rpx;
			font-size: 36rpx;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 95rpx;
			text-align: center;
			padding: 0;
			border: 0;
			outline: 0;
		}
	}
</style>
